<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<title>友好生鲜</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/base.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/details_people.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/zepto.js"></script>
</head>
<body>
<!--首页头部-->
<div class="header_body">
	<div class="header_main">
		<div class="header_icon01"><a href="${pageContext.request.contextPath}/reception/details.cs?id=${esOne2[0].GOODS_ID}"></a></div>
		<div class="header_txt">优选师主页</div>
		<div class="header_icon02"><a href="#1"></a></div>
	</div>
</div>
<!--优选师主页-->
<div class="det_txm" style="background-image:url(${pageContext.request.contextPath}${esOne2[0].EXCELLENT_SELECTOR_BACKGROUND_IMG })">
	<a href="#1">
		<div class="det_txi" style="background-image:url(${pageContext.request.contextPath}${esOne2[0].EXCELLENT_SELECTOR_IMG })"></div>
		<div class="det_txn"><p>优选师：${esOne2[0].EXCELLENT_SELECTOR_NAME }</p></div>
	</a>
	<p>${esOne2[0].EXCELLENT_SELECTOR_INTRODUCE}</p>
</div> 
<!--tab-->
<div class="peop_tabs">
	<!--导航-->
	<ul class="peop_det_tabs_ul" id="peop_tab_tit_ul">
		<li class="peop_det_tabs_li peop_det_tabs_li_now">产地好故事<i></i></li>
		<li class="peop_det_tabs_li">我的好东西<i></i></li>
	</ul>
	<!--切换内容-->
	<div class="peop_tabs_list" id="tab_lists">
		<!--1-->
		<div class="peop_tabs_list_box">
			<div class="tabs_t1_details_mian">
				<!--list-->
				<c:forEach items="${esOne3 }" var="e">
				<div class="find_list_main">
					<!--4张图片的时候-->				
					<div class="find_list peop_find_list">
						<div class="find_list_txt">
							<p>${e.RECOMMENDED_CONTENT}</p>
							<a href="#1">查看更多</a>
						</div>
						<div class="find_list_img find_list_img_4">
							<ul>
								<li><a style="background-image:url(${pageContext.request.contextPath}${e.GOOD_PICTURE_URL})"></a></li>		
							</ul>
						</div>
						<div class="find_list_but">
							<div class="find_list_but_left">${e.RECOMMENDED_TIME}</div>
						</div>
					</div>				
				</div>
				</c:forEach>
			</div>
		</div>
		<!--2-->
		<div class="peop_tabs_list_box tab_hid">
			<!--list-->
			<c:forEach items="${esOne3 }" var="e">
			<div class="peop_tabs_list_page">
				<div class="find_list_peop">
					<div class="find_list_peop1">
						<span style="background-image:url(${pageContext.request.contextPath}${e.GOOD_PICTURE_URL})"></span>
						<p>${e.GOOD_NAME }</p>
					</div>
					<div class="find_list_peop2">
						<div class="peop_find_list_left">${e.st}</div>
						<div class="peop_find_list_right"><a href="${pageContext.request.contextPath}/reception/details.cs?id=${esOne2[0].GOODS_ID}">去购买</a></div>
					</div>
				</div>
			</div>
			</c:forEach>
		
		</div>
	</div>
	<script>
	$(function(){
		 /*切换*/
		 $("#peop_tab_tit_ul li").bind("click",function(){
				 $(this).addClass("peop_det_tabs_li_now").siblings().removeClass("peop_det_tabs_li_now");
				 $('#tab_lists .peop_tabs_list_box').eq($(this).index()).show().siblings().hide();
		 });
	})
	</script>
	
	
</div>












</body>
</html>
